<!DOCTYPE html>
<!-- saved from url=(0031) -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>网页设计常用色彩搭配表 - 配色表</title>
    <meta name="keywords" content="配色表,网页配色,色彩搭配,网页设计,常用色彩搭配">
    <meta name="description" content="">
    <meta name="copyright" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <style>
        html,
        body {
            overflow: hidden;
            height: 100%
        }
        
        body {
            font: 14px/1.5 "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", "Noto Sans CJK SC", "Source Han Sans CN", SimSun, sans-serif;
            -ms-overflow-style: -ms-autohiding-scrollbar
        }
        
        * {
            margin: 0;
            padding: 0
        }
        
        #wrapper {
            overflow: auto;
            overflow-x: hidden;
            margin-left: 220px;
            height: 100%
        }
        
        #main {
            margin: 0 auto;
            width: 640px
        }
        
        h2,
        h3 {
            margin-bottom: 1em;
            padding: .2em .4em;
            border-bottom: 3px solid #CCF;
            background: #000;
            color: #fff
        }
        
        h2 {
            display: inline-block
        }
        
        blockquote {
            margin-bottom: 1em
        }
        
        .section,
        .sub-section,
        .groups {
            clear: both
        }
        
        .section {
            overflow: hidden;
            margin: 5em 0
        }
        
        .sub-section {
            overflow: hidden;
            margin-bottom: 3em
        }
        
        .group {
            float: left;
            margin: 0 7px 14px;
            width: 198px;
            height: 85px;
            _display: inline
        }
        
        .group span {
            float: left;
            width: 60px;
            height: 60px;
            text-align: center
        }
        
        .group span:first-child {
            border-radius: 7px 0 0 7px;
        }
        
        .group span:last-child {
            border-radius: 0 7px 7px 0;
        }
        
        .group input {
            display: block;
            margin-top: 64px;
            background: #fff;
            font-family: Consolas, "Ubuntu Mono", Monaco, Menlo, "Andale Mono", "Liberation Mono", Courier, monospace;
            border: none 0;
            font-size: 12px;
            width: 100%;
            text-align: center;
        }
        
        [data-clipboard-text] {
            position: relative;
            cursor: pointer;
            transition: .2s;
        }
        
        [data-clipboard-text]:hover {
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
            z-index: 2;
        }
        
        [data-clipboard-text]:hover input {
            font-weight: bold;
        }
        
        #panel {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 220px;
            height: 100%;
            background: #111;
            color: #fff;
            text-shadow: 0 1px 2px #000
        }
        
        #header {
            text-align: center
        }
        
        #header h1 {
            margin: .5em;
            font-size: 18px;
            font-weight: normal
        }
        
        #header h1 span {
            display: block;
            font-size: 40px
        }
        
        #header address {
            clear: both;
            margin-bottom: 2em;
            color: #999
        }
        
        #header a {
            color: #999
        }
        
        #nav {
            position: absolute;
            top: 140px;
            right: 10px;
            bottom: 10px;
            left: 10px;
            overflow: auto;
            background: #222;
            _width: 195px;
            _height: expression(this.parentNode.clientHeight - 155+"px")
        }
        
        #nav h4 {
            margin: .4em 1em 0;
            padding: .4em 0;
            border-bottom: 1px solid #333;
            color: #aaa
        }
        
        #nav a {
            margin: 0 .4em;
            display: block;
            padding: .4em .6em;
            color: #f7f7f7;
            text-decoration: none
        }
        
        #nav a:hover {
            background: #111;
            color: #fff
        }
        
        #nav::-webkit-scrollbar {
            width: 6px
        }
        
        #nav::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, .1)
        }
        
        #nav::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, .3)
        }
        
        .aside {
            margin: 50px auto 0;
            width: 728px;
        }
        
        .morelinks {
            text-align: center;
            color: #999;
            margin: 50px 0;
            text-decoration: none;
        }
        
        .morelinks a {
            color: #666;
        }

    </style>
    <script src="hm.js"></script>
    <script src="share.js"></script>
    <link rel="stylesheet" href="slide_share.css">
    <script type="text/javascript" src="chrome-extension://dbjbempljhcmhlfpfacalomonjpalpko/scripts/inspector.js"></script>
    <input type="hidden" id="_w_brink">
</head>

<body>
    <div id="panel">
        <div id="header">
            <h1>网页设计常用色彩搭配表<span>《配色表》</span></h1>
            <address>制作 by <a href="https://c7sky.com/">小影</a></address>
        </div>
        <div id="nav">
            <h4>按色相的搭配分类</h4>
            <div><a href="#hue_0">红色</a><a href="#hue_1">橙色</a><a href="#hue_2">黄色</a><a href="#hue_3">黄绿色</a><a href="#hue_4">绿色</a><a href="#hue_5">青绿色</a><a href="#hue_6">蓝色</a><a href="#hue_7">蓝紫色</a><a href="#hue_8">紫色</a><a href="#hue_9">紫红色</a></div>
            <h4>按印象的搭配分类</h4>
            <div><a href="#character_0">柔和、明亮、温柔 </a><a href="#character_1">柔和、洁净、爽朗 </a><a href="#character_2">可爱、快乐、有趣 </a><a href="#character_3">活泼、快乐、有趣 </a><a href="#character_4">运动型、轻快 </a><a href="#character_5">轻快、华丽、动感 </a><a href="#character_6">狂野、充沛、动感 </a><a href="#character_7">华丽、花哨、女性化 </a><a href="#character_8">回味、女性化、优雅 </a><a href="#character_9">高尚、自然、安稳 </a><a href="#character_10">冷静、自然 </a><a href="#character_11">传统、高雅、优雅 </a><a href="#character_12">传统、稳重、古典 </a><a href="#character_13">忠厚、稳重、有品位 </a><a href="#character_14">简单、洁净、进步 </a><a href="#character_15">简单、时尚、高雅 </a><a href="#character_16">简单、进步、时尚 </a></div>
        </div>
    </div>
    <div id="wrapper">


        <div id="main">
            <div class="section byhue">
                <h2>按色相的搭配分类</h2>
                <blockquote>本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。</blockquote>
                <div class="sub-section" id="hue_0">
                    <h3>红色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9999" data-clipboard-text="#FF9999" title="点击复制"><input type="text" value="#FF9999" readonly=""></span><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span></div>
                        <div class="group"><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span><span style="background:#99CC66" data-clipboard-text="#99CC66" title="点击复制"><input type="text" value="#99CC66" readonly=""></span></div>
                        <div class="group"><span style="background:#CC3333" data-clipboard-text="#CC3333" title="点击复制"><input type="text" value="#CC3333" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span></div>
                        <div class="group"><span style="background:#993333" data-clipboard-text="#993333" title="点击复制"><input type="text" value="#993333" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span></div>
                        <div class="group"><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#0066CC" data-clipboard-text="#0066CC" title="点击复制"><input type="text" value="#0066CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#336633" data-clipboard-text="#336633" title="点击复制"><input type="text" value="#336633" readonly=""></span><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#993333" data-clipboard-text="#993333" title="点击复制"><input type="text" value="#993333" readonly=""></span><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span><span style="background:#003300" data-clipboard-text="#003300" title="点击复制"><input type="text" value="#003300" readonly=""></span></div>
                        <div class="group"><span style="background:#FF0033" data-clipboard-text="#FF0033" title="点击复制"><input type="text" value="#FF0033" readonly=""></span><span style="background:#333399" data-clipboard-text="#333399" title="点击复制"><input type="text" value="#333399" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span></div>
                        <div class="group"><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#99CC00" data-clipboard-text="#99CC00" title="点击复制"><input type="text" value="#99CC00" readonly=""></span><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span></div>
                        <div class="group"><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#993333" data-clipboard-text="#993333" title="点击复制"><input type="text" value="#993333" readonly=""></span><span style="background:#333300" data-clipboard-text="#333300" title="点击复制"><input type="text" value="#333300" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_1">
                    <h3>橙色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#CC9933" data-clipboard-text="#CC9933" title="点击复制"><input type="text" value="#CC9933" readonly=""></span></div>
                        <div class="group"><span style="background:#996600" data-clipboard-text="#996600" title="点击复制"><input type="text" value="#996600" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CC9933" data-clipboard-text="#CC9933" title="点击复制"><input type="text" value="#CC9933" readonly=""></span><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#CC6699" data-clipboard-text="#CC6699" title="点击复制"><input type="text" value="#CC6699" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#3366CC" data-clipboard-text="#3366CC" title="点击复制"><input type="text" value="#3366CC" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#009966" data-clipboard-text="#009966" title="点击复制"><input type="text" value="#009966" readonly=""></span></div>
                        <div class="group"><span style="background:#FF6600" data-clipboard-text="#FF6600" title="点击复制"><input type="text" value="#FF6600" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span><span style="background:#009966" data-clipboard-text="#009966" title="点击复制"><input type="text" value="#009966" readonly=""></span></div>
                        <div class="group"><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#CCFF66" data-clipboard-text="#CCFF66" title="点击复制"><input type="text" value="#CCFF66" readonly=""></span><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span><span style="background:#996600" data-clipboard-text="#996600" title="点击复制"><input type="text" value="#996600" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6600" data-clipboard-text="#CC6600" title="点击复制"><input type="text" value="#CC6600" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6600" data-clipboard-text="#CC6600" title="点击复制"><input type="text" value="#CC6600" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span></div>
                        <div class="group"><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_2">
                    <h3>黄色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFFF33" data-clipboard-text="#FFFF33" title="点击复制"><input type="text" value="#FFFF33" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#9933FF" data-clipboard-text="#9933FF" title="点击复制"><input type="text" value="#9933FF" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span><span style="background:#FFFF33" data-clipboard-text="#FFFF33" title="点击复制"><input type="text" value="#FFFF33" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span><span style="background:#66CC00" data-clipboard-text="#66CC00" title="点击复制"><input type="text" value="#66CC00" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span><span style="background:#0000CC" data-clipboard-text="#0000CC" title="点击复制"><input type="text" value="#0000CC" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#6666CC" data-clipboard-text="#6666CC" title="点击复制"><input type="text" value="#6666CC" readonly=""></span></div>
                        <div class="group"><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span><span style="background:#666600" data-clipboard-text="#666600" title="点击复制"><input type="text" value="#666600" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span></div>
                        <div class="group"><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span><span style="background:#666600" data-clipboard-text="#666600" title="点击复制"><input type="text" value="#666600" readonly=""></span></div>
                        <div class="group"><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#333300" data-clipboard-text="#333300" title="点击复制"><input type="text" value="#333300" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_3">
                    <h3>黄绿色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#33CC33" data-clipboard-text="#33CC33" title="点击复制"><input type="text" value="#33CC33" readonly=""></span><span style="background:#6666CC" data-clipboard-text="#6666CC" title="点击复制"><input type="text" value="#6666CC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span></div>
                        <div class="group"><span style="background:#00CC00" data-clipboard-text="#00CC00" title="点击复制"><input type="text" value="#00CC00" readonly=""></span><span style="background:#0066CC" data-clipboard-text="#0066CC" title="点击复制"><input type="text" value="#0066CC" readonly=""></span><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#993399" data-clipboard-text="#993399" title="点击复制"><input type="text" value="#993399" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6600" data-clipboard-text="#CC6600" title="点击复制"><input type="text" value="#CC6600" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9933" data-clipboard-text="#CC9933" title="点击复制"><input type="text" value="#CC9933" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span></div>
                        <div class="group"><span style="background:#669933" data-clipboard-text="#669933" title="点击复制"><input type="text" value="#669933" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6600" data-clipboard-text="#CC6600" title="点击复制"><input type="text" value="#CC6600" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#666600" data-clipboard-text="#666600" title="点击复制"><input type="text" value="#666600" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span></div>
                        <div class="group"><span style="background:#003333" data-clipboard-text="#003333" title="点击复制"><input type="text" value="#003333" readonly=""></span><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span></div>
                        <div class="group"><span style="background:#996633" data-clipboard-text="#996633" title="点击复制"><input type="text" value="#996633" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#99CC66" data-clipboard-text="#99CC66" title="点击复制"><input type="text" value="#99CC66" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_4">
                    <h3>绿色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#009966" data-clipboard-text="#009966" title="点击复制"><input type="text" value="#009966" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span></div>
                        <div class="group"><span style="background:#339933" data-clipboard-text="#339933" title="点击复制"><input type="text" value="#339933" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#9933CC" data-clipboard-text="#9933CC" title="点击复制"><input type="text" value="#9933CC" readonly=""></span></div>
                        <div class="group"><span style="background:#339933" data-clipboard-text="#339933" title="点击复制"><input type="text" value="#339933" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#339933" data-clipboard-text="#339933" title="点击复制"><input type="text" value="#339933" readonly=""></span><span style="background:#99CC00" data-clipboard-text="#99CC00" title="点击复制"><input type="text" value="#99CC00" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span><span style="background:#336600" data-clipboard-text="#336600" title="点击复制"><input type="text" value="#336600" readonly=""></span></div>
                        <div class="group"><span style="background:#339933" data-clipboard-text="#339933" title="点击复制"><input type="text" value="#339933" readonly=""></span><span style="background:#CC9900" data-clipboard-text="#CC9900" title="点击复制"><input type="text" value="#CC9900" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#339966" data-clipboard-text="#339966" title="点击复制"><input type="text" value="#339966" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span></div>
                        <div class="group"><span style="background:#669933" data-clipboard-text="#669933" title="点击复制"><input type="text" value="#669933" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#339933" data-clipboard-text="#339933" title="点击复制"><input type="text" value="#339933" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#CC9933" data-clipboard-text="#CC9933" title="点击复制"><input type="text" value="#CC9933" readonly=""></span></div>
                        <div class="group"><span style="background:#339933" data-clipboard-text="#339933" title="点击复制"><input type="text" value="#339933" readonly=""></span><span style="background:#666633" data-clipboard-text="#666633" title="点击复制"><input type="text" value="#666633" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span></div>
                        <div class="group"><span style="background:#339933" data-clipboard-text="#339933" title="点击复制"><input type="text" value="#339933" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#669933" data-clipboard-text="#669933" title="点击复制"><input type="text" value="#669933" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span></div>
                        <div class="group"><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span><span style="background:#996633" data-clipboard-text="#996633" title="点击复制"><input type="text" value="#996633" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span></div>
                        <div class="group"><span style="background:#003300" data-clipboard-text="#003300" title="点击复制"><input type="text" value="#003300" readonly=""></span><span style="background:#669933" data-clipboard-text="#669933" title="点击复制"><input type="text" value="#669933" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#333300" data-clipboard-text="#333300" title="点击复制"><input type="text" value="#333300" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span></div>
                        <div class="group"><span style="background:#993333" data-clipboard-text="#993333" title="点击复制"><input type="text" value="#993333" readonly=""></span><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span><span style="background:#003300" data-clipboard-text="#003300" title="点击复制"><input type="text" value="#003300" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_5">
                    <h3>青绿色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#66CCCC" data-clipboard-text="#66CCCC" title="点击复制"><input type="text" value="#66CCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#66CC99" data-clipboard-text="#66CC99" title="点击复制"><input type="text" value="#66CC99" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#009999" data-clipboard-text="#009999" title="点击复制"><input type="text" value="#009999" readonly=""></span><span style="background:#66CCCC" data-clipboard-text="#66CCCC" title="点击复制"><input type="text" value="#66CCCC" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span></div>
                        <div class="group"><span style="background:#66CCCC" data-clipboard-text="#66CCCC" title="点击复制"><input type="text" value="#66CCCC" readonly=""></span><span style="background:#CCFF66" data-clipboard-text="#CCFF66" title="点击复制"><input type="text" value="#CCFF66" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9933" data-clipboard-text="#CC9933" title="点击复制"><input type="text" value="#CC9933" readonly=""></span><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span><span style="background:#009999" data-clipboard-text="#009999" title="点击复制"><input type="text" value="#009999" readonly=""></span><span style="background:#CC3333" data-clipboard-text="#CC3333" title="点击复制"><input type="text" value="#CC3333" readonly=""></span></div>
                        <div class="group"><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#003333" data-clipboard-text="#003333" title="点击复制"><input type="text" value="#003333" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span></div>
                        <div class="group"><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span></div>
                        <div class="group"><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span></div>
                        <div class="group"><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span></div>
                        <div class="group"><span style="background:#663333" data-clipboard-text="#663333" title="点击复制"><input type="text" value="#663333" readonly=""></span><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span></div>
                        <div class="group"><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span><span style="background:#3399CC" data-clipboard-text="#3399CC" title="点击复制"><input type="text" value="#3399CC" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_6">
                    <h3>蓝色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#3399CC" data-clipboard-text="#3399CC" title="点击复制"><input type="text" value="#3399CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#3399CC" data-clipboard-text="#3399CC" title="点击复制"><input type="text" value="#3399CC" readonly=""></span></div>
                        <div class="group"><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span></div>
                        <div class="group"><span style="background:#3399CC" data-clipboard-text="#3399CC" title="点击复制"><input type="text" value="#3399CC" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span><span style="background:#006699" data-clipboard-text="#006699" title="点击复制"><input type="text" value="#006699" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#006699" data-clipboard-text="#006699" title="点击复制"><input type="text" value="#006699" readonly=""></span></div>
                        <div class="group"><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_7">
                    <h3>蓝紫色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#333399" data-clipboard-text="#333399" title="点击复制"><input type="text" value="#333399" readonly=""></span></div>
                        <div class="group"><span style="background:#6666CC" data-clipboard-text="#6666CC" title="点击复制"><input type="text" value="#6666CC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#FF9999" data-clipboard-text="#FF9999" title="点击复制"><input type="text" value="#FF9999" readonly=""></span></div>
                        <div class="group"><span style="background:#9999FF" data-clipboard-text="#9999FF" title="点击复制"><input type="text" value="#9999FF" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#0000FF" data-clipboard-text="#0000FF" title="点击复制"><input type="text" value="#0000FF" readonly=""></span><span style="background:#6699FF" data-clipboard-text="#6699FF" title="点击复制"><input type="text" value="#6699FF" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span></div>
                        <div class="group"><span style="background:#6666FF" data-clipboard-text="#6666FF" title="点击复制"><input type="text" value="#6666FF" readonly=""></span><span style="background:#66CCFF" data-clipboard-text="#66CCFF" title="点击复制"><input type="text" value="#66CCFF" readonly=""></span><span style="background:#CCFF66" data-clipboard-text="#CCFF66" title="点击复制"><input type="text" value="#CCFF66" readonly=""></span></div>
                        <div class="group"><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#6666CC" data-clipboard-text="#6666CC" title="点击复制"><input type="text" value="#6666CC" readonly=""></span></div>
                        <div class="group"><span style="background:#9999CC" data-clipboard-text="#9999CC" title="点击复制"><input type="text" value="#9999CC" readonly=""></span><span style="background:#FF9999" data-clipboard-text="#FF9999" title="点击复制"><input type="text" value="#FF9999" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6666" data-clipboard-text="#CC6666" title="点击复制"><input type="text" value="#CC6666" readonly=""></span><span style="background:#333399" data-clipboard-text="#333399" title="点击复制"><input type="text" value="#333399" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#000066" data-clipboard-text="#000066" title="点击复制"><input type="text" value="#000066" readonly=""></span><span style="background:#6666FF" data-clipboard-text="#6666FF" title="点击复制"><input type="text" value="#6666FF" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                        <div class="group"><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span><span style="background:#333300" data-clipboard-text="#333300" title="点击复制"><input type="text" value="#333300" readonly=""></span></div>
                        <div class="group"><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#990066" data-clipboard-text="#990066" title="点击复制"><input type="text" value="#990066" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span></div>
                        <div class="group"><span style="background:#CC3333" data-clipboard-text="#CC3333" title="点击复制"><input type="text" value="#CC3333" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span></div>
                        <div class="group"><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_8">
                    <h3>紫色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#9999CC" data-clipboard-text="#9999CC" title="点击复制"><input type="text" value="#9999CC" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#9999CC" data-clipboard-text="#9999CC" title="点击复制"><input type="text" value="#9999CC" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#660066" data-clipboard-text="#660066" title="点击复制"><input type="text" value="#660066" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#663333" data-clipboard-text="#663333" title="点击复制"><input type="text" value="#663333" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span><span style="background:#9966CC" data-clipboard-text="#9966CC" title="点击复制"><input type="text" value="#9966CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span><span style="background:#663399" data-clipboard-text="#663399" title="点击复制"><input type="text" value="#663399" readonly=""></span></div>
                        <div class="group"><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#996666" data-clipboard-text="#996666" title="点击复制"><input type="text" value="#996666" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#333399" data-clipboard-text="#333399" title="点击复制"><input type="text" value="#333399" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span><span style="background:#9999CC" data-clipboard-text="#9999CC" title="点击复制"><input type="text" value="#9999CC" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#330033" data-clipboard-text="#330033" title="点击复制"><input type="text" value="#330033" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#FF33CC" data-clipboard-text="#FF33CC" title="点击复制"><input type="text" value="#FF33CC" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span><span style="background:#993333" data-clipboard-text="#993333" title="点击复制"><input type="text" value="#993333" readonly=""></span><span style="background:#330033" data-clipboard-text="#330033" title="点击复制"><input type="text" value="#330033" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="hue_9">
                    <h3>紫红色</h3>
                    <blockquote></blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CC00" data-clipboard-text="#99CC00" title="点击复制"><input type="text" value="#99CC00" readonly=""></span></div>
                        <div class="group"><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#993366" data-clipboard-text="#993366" title="点击复制"><input type="text" value="#993366" readonly=""></span></div>
                        <div class="group"><span style="background:#66CC99" data-clipboard-text="#66CC99" title="点击复制"><input type="text" value="#66CC99" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CC6699" data-clipboard-text="#CC6699" title="点击复制"><input type="text" value="#CC6699" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#993399" data-clipboard-text="#993399" title="点击复制"><input type="text" value="#993399" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#66CCCC" data-clipboard-text="#66CCCC" title="点击复制"><input type="text" value="#66CCCC" readonly=""></span><span style="background:#CCFF66" data-clipboard-text="#CCFF66" title="点击复制"><input type="text" value="#CCFF66" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9999" data-clipboard-text="#FF9999" title="点击复制"><input type="text" value="#FF9999" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#669966" data-clipboard-text="#669966" title="点击复制"><input type="text" value="#669966" readonly=""></span><span style="background:#CC6699" data-clipboard-text="#CC6699" title="点击复制"><input type="text" value="#CC6699" readonly=""></span><span style="background:#FFCCFF" data-clipboard-text="#FFCCFF" title="点击复制"><input type="text" value="#FFCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span><span style="background:#CC3399" data-clipboard-text="#CC3399" title="点击复制"><input type="text" value="#CC3399" readonly=""></span></div>
                        <div class="group"><span style="background:#CC3399" data-clipboard-text="#CC3399" title="点击复制"><input type="text" value="#CC3399" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span></div>
                        <div class="group"><span style="background:#FF3399" data-clipboard-text="#FF3399" title="点击复制"><input type="text" value="#FF3399" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#990066" data-clipboard-text="#990066" title="点击复制"><input type="text" value="#990066" readonly=""></span><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span></div>
                        <div class="group"><span style="background:#990066" data-clipboard-text="#990066" title="点击复制"><input type="text" value="#990066" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#006699" data-clipboard-text="#006699" title="点击复制"><input type="text" value="#006699" readonly=""></span></div>
                        <div class="group"><span style="background:#999900" data-clipboard-text="#999900" title="点击复制"><input type="text" value="#999900" readonly=""></span><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#990066" data-clipboard-text="#990066" title="点击复制"><input type="text" value="#990066" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#009966" data-clipboard-text="#009966" title="点击复制"><input type="text" value="#009966" readonly=""></span></div>
                    </div>
                </div>
            </div>
            <div class="section bycharacter">
                <h2>按印象的搭配分类</h2>
                <blockquote>色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的，那么它们的叠加，自然会是柔和、明亮的；如果每种色彩都是浓烈的，那么它们叠加，就会是浓烈的。当然在实际设计过程中，设计师还要考虑到乘除法，比如同样亮度和对比度的色彩，在色环上的角度不同，搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配，也要将印象作为重点的搭配分类列举出来，以供读者参考。</blockquote>
                <div class="sub-section" id="character_0">
                    <h3>柔和、明亮、温柔 </h3>
                    <blockquote>亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼，设计师一般会用低亮度的前景色调和，同时色彩在色环之间的距离也有助于避免沉闷。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_1">
                    <h3>柔和、洁净、爽朗 </h3>
                    <blockquote>对于柔和、清洁、爽朗的印象，色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到，几乎每个组合都有白色参与。当然在实际设计时，可以用蓝绿相反色相的高亮度有彩色代替白色。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span></div>
                        <div class="group"><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#66CCCC" data-clipboard-text="#66CCCC" title="点击复制"><input type="text" value="#66CCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#66CCFF" data-clipboard-text="#66CCFF" title="点击复制"><input type="text" value="#66CCFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CCFFFF" data-clipboard-text="#CCFFFF" title="点击复制"><input type="text" value="#CCFFFF" readonly=""></span></div>
                        <div class="group"><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_2">
                    <h3>可爱、快乐、有趣 </h3>
                    <blockquote>可爱、快乐、有趣印象中的色彩搭配特点是，色相分布均匀，冷暖搭配，饱和度高，色彩分辨度高。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#66CCCC" data-clipboard-text="#66CCCC" title="点击复制"><input type="text" value="#66CCCC" readonly=""></span><span style="background:#CCFF66" data-clipboard-text="#CCFF66" title="点击复制"><input type="text" value="#CCFF66" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9999" data-clipboard-text="#FF9999" title="点击复制"><input type="text" value="#FF9999" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span><span style="background:#99CC66" data-clipboard-text="#99CC66" title="点击复制"><input type="text" value="#99CC66" readonly=""></span></div>
                        <div class="group"><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#FF9999" data-clipboard-text="#FF9999" title="点击复制"><input type="text" value="#FF9999" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#FF0033" data-clipboard-text="#FF0033" title="点击复制"><input type="text" value="#FF0033" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#CCFF00" data-clipboard-text="#CCFF00" title="点击复制"><input type="text" value="#CCFF00" readonly=""></span><span style="background:#CC3399" data-clipboard-text="#CC3399" title="点击复制"><input type="text" value="#CC3399" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#FF6600" data-clipboard-text="#FF6600" title="点击复制"><input type="text" value="#FF6600" readonly=""></span></div>
                        <div class="group"><span style="background:#993366" data-clipboard-text="#993366" title="点击复制"><input type="text" value="#993366" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#666633" data-clipboard-text="#666633" title="点击复制"><input type="text" value="#666633" readonly=""></span></div>
                        <div class="group"><span style="background:#66CCCC" data-clipboard-text="#66CCCC" title="点击复制"><input type="text" value="#66CCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_3">
                    <h3>活泼、快乐、有趣 </h3>
                    <blockquote>活泼、快乐、有趣相对前一种印象，色彩选择更加广泛，?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#CC3399" data-clipboard-text="#CC3399" title="点击复制"><input type="text" value="#CC3399" readonly=""></span><span style="background:#99CC00" data-clipboard-text="#99CC00" title="点击复制"><input type="text" value="#99CC00" readonly=""></span></div>
                        <div class="group"><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#3399CC" data-clipboard-text="#3399CC" title="点击复制"><input type="text" value="#3399CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6600" data-clipboard-text="#CC6600" title="点击复制"><input type="text" value="#CC6600" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#009933" data-clipboard-text="#009933" title="点击复制"><input type="text" value="#009933" readonly=""></span></div>
                        <div class="group"><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span></div>
                        <div class="group"><span style="background:#FF6600" data-clipboard-text="#FF6600" title="点击复制"><input type="text" value="#FF6600" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span><span style="background:#009966" data-clipboard-text="#009966" title="点击复制"><input type="text" value="#009966" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6633" data-clipboard-text="#CC6633" title="点击复制"><input type="text" value="#CC6633" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#CC6600" data-clipboard-text="#CC6600" title="点击复制"><input type="text" value="#CC6600" readonly=""></span></div>
                        <div class="group"><span style="background:#CC0066" data-clipboard-text="#CC0066" title="点击复制"><input type="text" value="#CC0066" readonly=""></span><span style="background:#009999" data-clipboard-text="#009999" title="点击复制"><input type="text" value="#009999" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_4">
                    <h3>运动型、轻快 </h3>
                    <blockquote>运动的色彩要强化激烈、刺激的感受，同时还要体现健康、快乐、阳光。因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#006699" data-clipboard-text="#006699" title="点击复制"><input type="text" value="#006699" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#0066CC" data-clipboard-text="#0066CC" title="点击复制"><input type="text" value="#0066CC" readonly=""></span></div>
                        <div class="group"><span style="background:#339933" data-clipboard-text="#339933" title="点击复制"><input type="text" value="#339933" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6600" data-clipboard-text="#CC6600" title="点击复制"><input type="text" value="#CC6600" readonly=""></span><span style="background:#CCCC44" data-clipboard-text="#CCCC44" title="点击复制"><input type="text" value="#CCCC44" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#99CCCC" data-clipboard-text="#99CCCC" title="点击复制"><input type="text" value="#99CCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FF0033" data-clipboard-text="#FF0033" title="点击复制"><input type="text" value="#FF0033" readonly=""></span><span style="background:#333399" data-clipboard-text="#333399" title="点击复制"><input type="text" value="#333399" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#33CC99" data-clipboard-text="#33CC99" title="点击复制"><input type="text" value="#33CC99" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_5">
                    <h3>轻快、华丽、动感 </h3>
                    <blockquote>华丽的印象要求页面充斥有彩色，并且饱和度偏高，而亮度适当减弱则能强化这种印象。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#990066" data-clipboard-text="#990066" title="点击复制"><input type="text" value="#990066" readonly=""></span><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span><span style="background:#333399" data-clipboard-text="#333399" title="点击复制"><input type="text" value="#333399" readonly=""></span><span style="background:#FF0033" data-clipboard-text="#FF0033" title="点击复制"><input type="text" value="#FF0033" readonly=""></span></div>
                        <div class="group"><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#FF0033" data-clipboard-text="#FF0033" title="点击复制"><input type="text" value="#FF0033" readonly=""></span></div>
                        <div class="group"><span style="background:#FF0033" data-clipboard-text="#FF0033" title="点击复制"><input type="text" value="#FF0033" readonly=""></span><span style="background:#006699" data-clipboard-text="#006699" title="点击复制"><input type="text" value="#006699" readonly=""></span><span style="background:#FFFF33" data-clipboard-text="#FFFF33" title="点击复制"><input type="text" value="#FFFF33" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCC00" data-clipboard-text="#FFCC00" title="点击复制"><input type="text" value="#FFCC00" readonly=""></span><span style="background:#009999" data-clipboard-text="#009999" title="点击复制"><input type="text" value="#009999" readonly=""></span><span style="background:#CC3366" data-clipboard-text="#CC3366" title="点击复制"><input type="text" value="#CC3366" readonly=""></span></div>
                        <div class="group"><span style="background:#FF0033" data-clipboard-text="#FF0033" title="点击复制"><input type="text" value="#FF0033" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span><span style="background:#006699" data-clipboard-text="#006699" title="点击复制"><input type="text" value="#006699" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#663399" data-clipboard-text="#663399" title="点击复制"><input type="text" value="#663399" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#CC3333" data-clipboard-text="#CC3333" title="点击复制"><input type="text" value="#CC3333" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#99CC00" data-clipboard-text="#99CC00" title="点击复制"><input type="text" value="#99CC00" readonly=""></span></div>
                        <div class="group"><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#FF6600" data-clipboard-text="#FF6600" title="点击复制"><input type="text" value="#FF6600" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_6">
                    <h3>狂野、充沛、动感 </h3>
                    <blockquote>狂野的印象空间中少不了低亮度的色彩，甚至可以用适当的黑色搭配。其他有彩色的饱和度高，对比强烈。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#990066" data-clipboard-text="#990066" title="点击复制"><input type="text" value="#990066" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span></div>
                        <div class="group"><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span></div>
                        <div class="group"><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#F00000" data-clipboard-text="#F00000" title="点击复制"><input type="text" value="#F00000" readonly=""></span></div>
                        <div class="group"><span style="background:#CC3333" data-clipboard-text="#CC3333" title="点击复制"><input type="text" value="#CC3333" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span></div>
                        <div class="group"><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#99CC00" data-clipboard-text="#99CC00" title="点击复制"><input type="text" value="#99CC00" readonly=""></span><span style="background:#CC0033" data-clipboard-text="#CC0033" title="点击复制"><input type="text" value="#CC0033" readonly=""></span></div>
                        <div class="group"><span style="background:#FF0033" data-clipboard-text="#FF0033" title="点击复制"><input type="text" value="#FF0033" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span></div>
                        <div class="group"><span style="background:#990066" data-clipboard-text="#990066" title="点击复制"><input type="text" value="#990066" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#009966" data-clipboard-text="#009966" title="点击复制"><input type="text" value="#009966" readonly=""></span></div>
                        <div class="group"><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#FF6600" data-clipboard-text="#FF6600" title="点击复制"><input type="text" value="#FF6600" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                        <div class="group"><span style="background:#993333" data-clipboard-text="#993333" title="点击复制"><input type="text" value="#993333" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_7">
                    <h3>华丽、花哨、女性化 </h3>
                    <blockquote>女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。一般它们之间要进行高饱和的搭配。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#993399" data-clipboard-text="#993399" title="点击复制"><input type="text" value="#993399" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span></div>
                        <div class="group"><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span><span style="background:#CCFF00" data-clipboard-text="#CCFF00" title="点击复制"><input type="text" value="#CCFF00" readonly=""></span></div>
                        <div class="group"><span style="background:#66CC99" data-clipboard-text="#66CC99" title="点击复制"><input type="text" value="#66CC99" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#CC6699" data-clipboard-text="#CC6699" title="点击复制"><input type="text" value="#CC6699" readonly=""></span></div>
                        <div class="group"><span style="background:#CC3399" data-clipboard-text="#CC3399" title="点击复制"><input type="text" value="#CC3399" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#993366" data-clipboard-text="#993366" title="点击复制"><input type="text" value="#993366" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6699" data-clipboard-text="#CC6699" title="点击复制"><input type="text" value="#CC6699" readonly=""></span><span style="background:#FFFF00" data-clipboard-text="#FFFF00" title="点击复制"><input type="text" value="#FFFF00" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#CC6699" data-clipboard-text="#CC6699" title="点击复制"><input type="text" value="#CC6699" readonly=""></span><span style="background:#99CC66" data-clipboard-text="#99CC66" title="点击复制"><input type="text" value="#99CC66" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#FF33CC" data-clipboard-text="#FF33CC" title="点击复制"><input type="text" value="#FF33CC" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#CC3399" data-clipboard-text="#CC3399" title="点击复制"><input type="text" value="#CC3399" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span><span style="background:#FF6666" data-clipboard-text="#FF6666" title="点击复制"><input type="text" value="#FF6666" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_8">
                    <h3>回味、女性化、优雅 </h3>
                    <blockquote>优雅的感觉很奇特，色彩的饱和度一般要降下来。一般以蓝、红之间的相邻，调节亮度和饱和度进行搭配。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span><span style="background:#CC3399" data-clipboard-text="#CC3399" title="点击复制"><input type="text" value="#CC3399" readonly=""></span></div>
                        <div class="group"><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CC3399" data-clipboard-text="#CC3399" title="点击复制"><input type="text" value="#CC3399" readonly=""></span><span style="background:#9933CC" data-clipboard-text="#9933CC" title="点击复制"><input type="text" value="#9933CC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#9999CC" data-clipboard-text="#9999CC" title="点击复制"><input type="text" value="#9999CC" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9999" data-clipboard-text="#FF9999" title="点击复制"><input type="text" value="#FF9999" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#FF99CC" data-clipboard-text="#FF99CC" title="点击复制"><input type="text" value="#FF99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#996666" data-clipboard-text="#996666" title="点击复制"><input type="text" value="#996666" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9999" data-clipboard-text="#FF9999" title="点击复制"><input type="text" value="#FF9999" readonly=""></span><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span><span style="background:#FFCCCC" data-clipboard-text="#FFCCCC" title="点击复制"><input type="text" value="#FFCCCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_9">
                    <h3>高尚、自然、安稳 </h3>
                    <blockquote>高尚一般要用低亮度的黄绿色，色彩亮度降下去，注意色彩的平衡，页面就会显得安稳。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#CC9933" data-clipboard-text="#CC9933" title="点击复制"><input type="text" value="#CC9933" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span></div>
                        <div class="group"><span style="background:#FF9966" data-clipboard-text="#FF9966" title="点击复制"><input type="text" value="#FF9966" readonly=""></span><span style="background:#996600" data-clipboard-text="#996600" title="点击复制"><input type="text" value="#996600" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span><span style="background:#660033" data-clipboard-text="#660033" title="点击复制"><input type="text" value="#660033" readonly=""></span><span style="background:#CC6600" data-clipboard-text="#CC6600" title="点击复制"><input type="text" value="#CC6600" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span><span style="background:#666600" data-clipboard-text="#666600" title="点击复制"><input type="text" value="#666600" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9933" data-clipboard-text="#CC9933" title="点击复制"><input type="text" value="#CC9933" readonly=""></span><span style="background:#009999" data-clipboard-text="#009999" title="点击复制"><input type="text" value="#009999" readonly=""></span><span style="background:#FFCC33" data-clipboard-text="#FFCC33" title="点击复制"><input type="text" value="#FFCC33" readonly=""></span></div>
                        <div class="group"><span style="background:#999966" data-clipboard-text="#999966" title="点击复制"><input type="text" value="#999966" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#339999" data-clipboard-text="#339999" title="点击复制"><input type="text" value="#339999" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span><span style="background:#669933" data-clipboard-text="#669933" title="点击复制"><input type="text" value="#669933" readonly=""></span><span style="background:#336633" data-clipboard-text="#336633" title="点击复制"><input type="text" value="#336633" readonly=""></span></div>
                        <div class="group"><span style="background:#666633" data-clipboard-text="#666633" title="点击复制"><input type="text" value="#666633" readonly=""></span><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span></div>
                        <div class="group"><span style="background:#660000" data-clipboard-text="#660000" title="点击复制"><input type="text" value="#660000" readonly=""></span><span style="background:#CC9900" data-clipboard-text="#CC9900" title="点击复制"><input type="text" value="#CC9900" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_10">
                    <h3>冷静、自然 </h3>
                    <blockquote>绿色是冷静、自然印象的主角，但是绿色作为页面的主要色彩，容易陷入过于消极的感觉传达，因此应该特别重视图案的设计。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span><span style="background:#666600" data-clipboard-text="#666600" title="点击复制"><input type="text" value="#666600" readonly=""></span></div>
                        <div class="group"><span style="background:#996633" data-clipboard-text="#996633" title="点击复制"><input type="text" value="#996633" readonly=""></span><span style="background:#FFFF99" data-clipboard-text="#FFFF99" title="点击复制"><input type="text" value="#FFFF99" readonly=""></span><span style="background:#99CC66" data-clipboard-text="#99CC66" title="点击复制"><input type="text" value="#99CC66" readonly=""></span></div>
                        <div class="group"><span style="background:#006600" data-clipboard-text="#006600" title="点击复制"><input type="text" value="#006600" readonly=""></span><span style="background:#66CC66" data-clipboard-text="#66CC66" title="点击复制"><input type="text" value="#66CC66" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span></div>
                        <div class="group"><span style="background:#666600" data-clipboard-text="#666600" title="点击复制"><input type="text" value="#666600" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span><span style="background:#CCFFCC" data-clipboard-text="#CCFFCC" title="点击复制"><input type="text" value="#CCFFCC" readonly=""></span></div>
                        <div class="group"><span style="background:#669933" data-clipboard-text="#669933" title="点击复制"><input type="text" value="#669933" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span></div>
                        <div class="group"><span style="background:#666633" data-clipboard-text="#666633" title="点击复制"><input type="text" value="#666633" readonly=""></span><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span></div>
                        <div class="group"><span style="background:#003300" data-clipboard-text="#003300" title="点击复制"><input type="text" value="#003300" readonly=""></span><span style="background:#669933" data-clipboard-text="#669933" title="点击复制"><input type="text" value="#669933" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span></div>
                        <div class="group"><span style="background:#666600" data-clipboard-text="#666600" title="点击复制"><input type="text" value="#666600" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span></div>
                        <div class="group"><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#333300" data-clipboard-text="#333300" title="点击复制"><input type="text" value="#333300" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_11">
                    <h3>传统、高雅、优雅 </h3>
                    <blockquote>传统的内容一般要降低色彩的饱和度，特别是棕色很适合。前面介绍紫色也是高雅和优雅印象的常用色相。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span><span style="background:#9966CC" data-clipboard-text="#9966CC" title="点击复制"><input type="text" value="#9966CC" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#CC9999" data-clipboard-text="#CC9999" title="点击复制"><input type="text" value="#CC9999" readonly=""></span></div>
                        <div class="group"><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span></div>
                        <div class="group"><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#339966" data-clipboard-text="#339966" title="点击复制"><input type="text" value="#339966" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span></div>
                        <div class="group"><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#996699" data-clipboard-text="#996699" title="点击复制"><input type="text" value="#996699" readonly=""></span><span style="background:#9999CC" data-clipboard-text="#9999CC" title="点击复制"><input type="text" value="#9999CC" readonly=""></span><span style="background:#CCCCFF" data-clipboard-text="#CCCCFF" title="点击复制"><input type="text" value="#CCCCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_12">
                    <h3>传统、稳重、古典 </h3>
                    <blockquote>传统、稳重、古典都是保守的印象，色彩的选择上应该尽量用低亮度的暖色，这种搭配符合成熟的审美。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#CCFF66" data-clipboard-text="#CCFF66" title="点击复制"><input type="text" value="#CCFF66" readonly=""></span><span style="background:#FF9900" data-clipboard-text="#FF9900" title="点击复制"><input type="text" value="#FF9900" readonly=""></span></div>
                        <div class="group"><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span><span style="background:#660033" data-clipboard-text="#660033" title="点击复制"><input type="text" value="#660033" readonly=""></span><span style="background:#99CC99" data-clipboard-text="#99CC99" title="点击复制"><input type="text" value="#99CC99" readonly=""></span></div>
                        <div class="group"><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span><span style="background:#FF9933" data-clipboard-text="#FF9933" title="点击复制"><input type="text" value="#FF9933" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span></div>
                        <div class="group"><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#006633" data-clipboard-text="#006633" title="点击复制"><input type="text" value="#006633" readonly=""></span><span style="background:#CCCC00" data-clipboard-text="#CCCC00" title="点击复制"><input type="text" value="#CCCC00" readonly=""></span></div>
                        <div class="group"><span style="background:#660033" data-clipboard-text="#660033" title="点击复制"><input type="text" value="#660033" readonly=""></span><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#660099" data-clipboard-text="#660099" title="点击复制"><input type="text" value="#660099" readonly=""></span></div>
                        <div class="group"><span style="background:#993366" data-clipboard-text="#993366" title="点击复制"><input type="text" value="#993366" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#666633" data-clipboard-text="#666633" title="点击复制"><input type="text" value="#666633" readonly=""></span></div>
                        <div class="group"><span style="background:#996600" data-clipboard-text="#996600" title="点击复制"><input type="text" value="#996600" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span><span style="background:#666600" data-clipboard-text="#666600" title="点击复制"><input type="text" value="#666600" readonly=""></span></div>
                        <div class="group"><span style="background:#009933" data-clipboard-text="#009933" title="点击复制"><input type="text" value="#009933" readonly=""></span><span style="background:#CC9900" data-clipboard-text="#CC9900" title="点击复制"><input type="text" value="#CC9900" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#666633" data-clipboard-text="#666633" title="点击复制"><input type="text" value="#666633" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#CC3366" data-clipboard-text="#CC3366" title="点击复制"><input type="text" value="#CC3366" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_13">
                    <h3>忠厚、稳重、有品位 </h3>
                    <blockquote>亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。这样的搭配为了避免色彩过于保守，使页面僵化、消极，应当注重冷暖结合和明暗对比。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#CC9933" data-clipboard-text="#CC9933" title="点击复制"><input type="text" value="#CC9933" readonly=""></span><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span></div>
                        <div class="group"><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span><span style="background:#996633" data-clipboard-text="#996633" title="点击复制"><input type="text" value="#996633" readonly=""></span><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span></div>
                        <div class="group"><span style="background:#336633" data-clipboard-text="#336633" title="点击复制"><input type="text" value="#336633" readonly=""></span><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#FFCC99" data-clipboard-text="#FFCC99" title="点击复制"><input type="text" value="#FFCC99" readonly=""></span></div>
                        <div class="group"><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span><span style="background:#996600" data-clipboard-text="#996600" title="点击复制"><input type="text" value="#996600" readonly=""></span></div>
                        <div class="group"><span style="background:#993333" data-clipboard-text="#993333" title="点击复制"><input type="text" value="#993333" readonly=""></span><span style="background:#CC9966" data-clipboard-text="#CC9966" title="点击复制"><input type="text" value="#CC9966" readonly=""></span><span style="background:#003300" data-clipboard-text="#003300" title="点击复制"><input type="text" value="#003300" readonly=""></span></div>
                        <div class="group"><span style="background:#336633" data-clipboard-text="#336633" title="点击复制"><input type="text" value="#336633" readonly=""></span><span style="background:#CCCC99" data-clipboard-text="#CCCC99" title="点击复制"><input type="text" value="#CCCC99" readonly=""></span><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span></div>
                        <div class="group"><span style="background:#663300" data-clipboard-text="#663300" title="点击复制"><input type="text" value="#663300" readonly=""></span><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                        <div class="group"><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span></div>
                        <div class="group"><span style="background:#999900" data-clipboard-text="#999900" title="点击复制"><input type="text" value="#999900" readonly=""></span><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#CC99CC" data-clipboard-text="#CC99CC" title="点击复制"><input type="text" value="#CC99CC" readonly=""></span></div>
                        <div class="group"><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span><span style="background:#990033" data-clipboard-text="#990033" title="点击复制"><input type="text" value="#990033" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_14">
                    <h3>简单、洁净、进步 </h3>
                    <blockquote>简单、洁净的色彩在色相上可以用蓝、绿表现，并大面积留白。而进步的印象可以多用蓝色，搭配低饱和甚至灰色。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#CCFF66" data-clipboard-text="#CCFF66" title="点击复制"><input type="text" value="#CCFF66" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span></div>
                        <div class="group"><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCC33" data-clipboard-text="#CCCC33" title="点击复制"><input type="text" value="#CCCC33" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#0099FF" data-clipboard-text="#0099FF" title="点击复制"><input type="text" value="#0099FF" readonly=""></span><span style="background:#FFFFCC" data-clipboard-text="#FFFFCC" title="点击复制"><input type="text" value="#FFFFCC" readonly=""></span><span style="background:#666699" data-clipboard-text="#666699" title="点击复制"><input type="text" value="#666699" readonly=""></span></div>
                        <div class="group"><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span></div>
                        <div class="group"><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span><span style="background:#CCFF66" data-clipboard-text="#CCFF66" title="点击复制"><input type="text" value="#CCFF66" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#3399CC" data-clipboard-text="#3399CC" title="点击复制"><input type="text" value="#3399CC" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span></div>
                        <div class="group"><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span><span style="background:#6699FF" data-clipboard-text="#6699FF" title="点击复制"><input type="text" value="#6699FF" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_15">
                    <h3>简单、时尚、高雅 </h3>
                    <blockquote>灰色是最为平衡的色彩，并且是塑料金属质感的主要色彩之一，因而要表达高雅、时尚，可以适当使用，甚至大面积使用。但是要注重图案和质感的构造。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#99CCFF" data-clipboard-text="#99CCFF" title="点击复制"><input type="text" value="#99CCFF" readonly=""></span><span style="background:#FFFF66" data-clipboard-text="#FFFF66" title="点击复制"><input type="text" value="#FFFF66" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span></div>
                        <div class="group"><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#336666" data-clipboard-text="#336666" title="点击复制"><input type="text" value="#336666" readonly=""></span></div>
                        <div class="group"><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#663366" data-clipboard-text="#663366" title="点击复制"><input type="text" value="#663366" readonly=""></span></div>
                        <div class="group"><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span></div>
                        <div class="group"><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#FFFFFF" data-clipboard-text="#FFFFFF" title="点击复制"><input type="text" value="#FFFFFF" readonly=""></span><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span></div>
                        <div class="group"><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                        <div class="group"><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                        <div class="group"><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#0099CC" data-clipboard-text="#0099CC" title="点击复制"><input type="text" value="#0099CC" readonly=""></span><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span></div>
                    </div>
                </div>
                <div class="sub-section" id="character_16">
                    <h3>简单、进步、时尚 </h3>
                    <blockquote>表现进步的色彩主要以蓝色为主，搭配灰色。而色彩的明度统一、色相相邻，在色彩上会显得简洁。</blockquote>
                    <div class="groups">
                        <div class="group"><span style="background:#333366" data-clipboard-text="#333366" title="点击复制"><input type="text" value="#333366" readonly=""></span><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span></div>
                        <div class="group"><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span><span style="background:#669999" data-clipboard-text="#669999" title="点击复制"><input type="text" value="#669999" readonly=""></span></div>
                        <div class="group"><span style="background:#003399" data-clipboard-text="#003399" title="点击复制"><input type="text" value="#003399" readonly=""></span><span style="background:#CCFF99" data-clipboard-text="#CCFF99" title="点击复制"><input type="text" value="#CCFF99" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                        <div class="group"><span style="background:#999933" data-clipboard-text="#999933" title="点击复制"><input type="text" value="#999933" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                        <div class="group"><span style="background:#666666" data-clipboard-text="#666666" title="点击复制"><input type="text" value="#666666" readonly=""></span><span style="background:#99CC33" data-clipboard-text="#99CC33" title="点击复制"><input type="text" value="#99CC33" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span></div>
                        <div class="group"><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#336699" data-clipboard-text="#336699" title="点击复制"><input type="text" value="#336699" readonly=""></span><span style="background:#333333" data-clipboard-text="#333333" title="点击复制"><input type="text" value="#333333" readonly=""></span></div>
                        <div class="group"><span style="background:#3366CC" data-clipboard-text="#3366CC" title="点击复制"><input type="text" value="#3366CC" readonly=""></span><span style="background:#CCCC66" data-clipboard-text="#CCCC66" title="点击复制"><input type="text" value="#CCCC66" readonly=""></span><span style="background:#333300" data-clipboard-text="#333300" title="点击复制"><input type="text" value="#333300" readonly=""></span></div>
                        <div class="group"><span style="background:#6699CC" data-clipboard-text="#6699CC" title="点击复制"><input type="text" value="#6699CC" readonly=""></span><span style="background:#006699" data-clipboard-text="#006699" title="点击复制"><input type="text" value="#006699" readonly=""></span><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span></div>
                        <div class="group"><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span><span style="background:#CCCCCC" data-clipboard-text="#CCCCCC" title="点击复制"><input type="text" value="#CCCCCC" readonly=""></span><span style="background:#006699" data-clipboard-text="#006699" title="点击复制"><input type="text" value="#006699" readonly=""></span></div>
                        <div class="group"><span style="background:#000000" data-clipboard-text="#000000" title="点击复制"><input type="text" value="#000000" readonly=""></span><span style="background:#999999" data-clipboard-text="#999999" title="点击复制"><input type="text" value="#999999" readonly=""></span><span style="background:#003366" data-clipboard-text="#003366" title="点击复制"><input type="text" value="#003366" readonly=""></span></div>
                    </div>
                </div>
            </div>

            <script src="clipboard.min.js"></script>
            <script>
                var clipboard = new ClipboardJS('[data-clipboard-text]');
                clipboard.on('success', function() {
                    alert('复制成功！');
                });

            </script>

            <!-- <div class='sub-section' style='text-align:center'><img src='//cdn.c7sky.com/tool/alipay_redpacket.png' width='320' /></div> -->
        </div>
    </div>

    <!-- <div style="position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:none">
	<img src="https://img13.360buyimg.com/imagetools/jfs/t1/133182/38/291/75274/5ecb7e12Ed979cc44/93f07c688c354377.png" width="340" height="335" style="position:absolute;top:50%;left:50%;margin-left:-170px;margin-top:-166px">
	<img src="https://img11.360buyimg.com/imagetools/jfs/t1/116654/26/1269/844/5e96c0cbEfb269c24/ab339d9f8c7bc1cf.png" width="32" height="32" style="position:absolute;top:20px;right:20px;">
</div> -->

    <!-- <a href="https://m.tb.cn/h.VnwUFg7?sm=c01176" target="_blank" style="position:fixed;bottom:10%;right:20px"><img src="https://gw.alicdn.com/tfs/TB1DhpLIbr1gK0jSZR0XXbP8XXa-160-160.png" width="80" height="80"></a> -->
    <script src="app.js"></script>
</body>

</html>
